<div class="container">
  <div class="card">
  
  </div>
    </div>
<style>
/* From Uiverse.io by tsd29142 - Tags: card, hover, box-shadow, aesthetic */
.card {
  height: 250px;
  width: 190px;
  background-image: linear-gradient(to top,   #210c93, #0d117a, #011160, #010e47, #07052e);
  box-shadow: rgba(0, 0, 0, 0.24) -20px 30px 10px;
  transform-style: preserve-3d;
  transform: perspective(400px)
  rotateX(60deg)
  rotateZ(-30deg);
  border-radius: 10px;
  transition: transform 2s;
}

.card:hover {
  transform: rotateY(19deg);
}
</style>
